import React, { Component } from 'react'

import Myheader from './Myheader'
import Myfooter from './Myfooter'
import MyCpt from './MyCpt'
import MyCss from './MyCss'
import MyEvent from './MyEvent'
import MyState from './MyState'
import MyProps from './MyProps'
import MyProps2 from './MyProps2'
import MyPropsPlus from './MyPropsPlus'
import MyStatePlus from './MyStatePlus'
import MyLife from './MyLife'
import MyContext from './MyContext'
import MyData from './MyData'
import MyBanner from './MyBanner'
import TodoListOne from './TodoListOne'
import TodoListTwo from './TodoListTwo'
import TodoListThree from './TodoListThree'
import Index from '../router'

export default class Mycomponent extends Component {
  render() {
    return (
      <div>
        <Myheader></Myheader>
        <h2>React 基础学习</h2>
        {/* <MyCpt></MyCpt> */}
        {/* <MyCss></MyCss> */}
        {/* <MyEvent></MyEvent> */}
        {/* <MyState></MyState> */}
        {/* <MyProps></MyProps> */}
        {/* <MyProps2></MyProps2> */}
        {/* <MyPropsPlus></MyPropsPlus> */}
        {/* <MyStatePlus></MyStatePlus> */}
        {/* <MyLife></MyLife> */}
        {/* <MyContext></MyContext> */}
        {/* <MyData></MyData> */}
        {/* <MyBanner></MyBanner> */}
        {/* <TodoListOne></TodoListOne> */}
        {/* <TodoListTwo></TodoListTwo> */}
        {/* <TodoListThree></TodoListThree> */}
        {/* <Index></Index> */}
        <Myfooter></Myfooter>
      </div>
    )
  }
}
